// 底部
.app-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 12px;
}

// 底部固定
.app-footer-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
}



.app-arrow {
    position: relative;

    &:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -4px;
        content: '';
        width: 8px;
        height: 8px;
        border-right: 2px #cccccc solid;
        border-bottom: 2px #cccccc solid;
        transform: rotate(-45deg);
        display: block;
        margin-left: 5px;
    }
}

// 右箭头
.app-icon-arrow {
    width: 8px;
    height: 8px;
    border-right: 2px #cccccc solid;
    border-bottom: 2px #cccccc solid;
    transform: rotate(-45deg);
    display: inline-block;
    margin-left: 5px;
}

// 消除滚动条
// ::-webkit-scrollbar {
//     width: 0;
//     height: 0;
//     background-color: transparent;
// }

// tab
// .app-tab {
//     display: flex;
//     height: 45px;
//     align-items: center;

//     .app-tab-item {
//         flex: 1;
//         text-align: center;
//         color: #666666;
//         margin: $padding 0;
//     }

//     .app-tab-item-active {
//         color: $bg;
//         font-size: 15px;
//         font-weight: bold;

//         .app-tab-box {
//             border-bottom: 2px solid $bg;
//             display: inline;
//             padding: 0 8px 10px 8px;
//         }
//     }
// }

// 占位符
.app-placeholder {
    color: #999999;
}

.app-price {
    color: #f9554b;
    display: flex;
    align-items: baseline;
}

.app-money {
    font-size: 24px;
}


.app-status-bar {
    height: var(--status-bar-height);
    width: 100%;
}



@import './common/box';
@import './common/button';
@import './common/popup';
@import './common/form';



/* 组件*/
@import './common/header'; // 导航栏
@import './common/action-bar'; // 工具栏
@import './common/footer-bar'; // 工具栏
@import './common/card'; // 卡片
@import './common/tab'; // 标签切换
@import './common/upload'; // 上传
@import './common/stock'; // 数量控制

@import './common/helper'; // 辅助样式
@import './common/icon'; // 图标
